<!DOCTYPE html>
<html lang="en">

<head>
    <title>Draw Features</title>
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=fetch,requestAnimationFrame,Element.prototype.classList,URL"></script>
    <style>
        .map {
            width: 100%;
            height: 400px;
        }
    </style>
</head>

<body>
    <div>画图形</div>
    <div id="map" class="map"></div>
    <form class="form-inline">
        <label>图形类型 &nbsp;</label>
        <select id="type">
        <option value="Point">Point</option>
        <option value="LineString">LineString</option>
        <option value="Polygon">Polygon</option>
        <option value="Circle">Circle</option>
        <option value="None">None</option>
      </select>
    </form>
    <script src="./~index.js"></script>
</body>

</html>